/**
 * Created by Administrator on 2016/9/19.
 */




    //关注我们的隐藏效果
    $(".guanzhu").on({
        mouseover:function(){
             $(".guanzhu-bg").stop().fadeIn();
            $(".guanzhu-bg").show().stop().animate({
                top:25,
            },20);
        },
        mouseout:function(){
            $(".guanzhu-bg").stop().fadeOut();
            $(".guanzhu-bg").show().animate({
               top:33,
            },20);
        }
    });



    //购物车的隐藏效果
    $("#shopCon").on({
        mouseover:function(){
            $(".shopYc").stop().slideDown(400)
        },
        mouseout:function(){
            $(".shopYc").stop().slideUp(400)
        }
    });




//    导航部分全部商品分类的隐藏效果
    $(".sort").on({
        mouseover:function(){
            $(".sort-YC").stop().slideDown(400)
        },
        mouseout:function(){
            $(".sort-YC").stop().slideUp(400)
        }
    });



//右边侧边效果
// console.log($(".list li").length)
$(".list li:not(.wei)").hover(function(){
    $(".diseDesc").html($(this).attr("tips"));
    $top = $(this).offset().top;
    $left = $(this).offset().left - $(".diseDesc").width() - 30;
    console.log($top,$left)
    $(".diseDesc").css({
        top:$top,
        left:$left,
        opacity:0
    }).show().stop().animate({
        left:$left + 30,
        opacity:1,
    },400);
},function(){
    $(".diseDesc").stop().animate({
        left:$(this).offset().left - $(".diseDesc").width() - 30,
        opacity:0,
    },400);
});

$(".wei").hover(function(){

},function(){

});

$(window).scroll(function(){

    var $height = $(window).height();
    if($(window).scrollTop() > $height*1.5){
        $(".db").fadeIn(400);
    }
    $(".db").click(function(){
        $(window).scrollTop(0);
        $(".db").fadeOut(400);

    });
});


//
// <div class="list">
//     <ul>
//     <li class="iconfont yh" tips="我的优惠券">&#xe65f;</li>
// <li class="iconfont wd" tips="我的丽子">&#xe656;</li>
// <li class="iconfont wei" tips="">&#xe652;</li>
// <li class="iconfont sy" tips="回到首页">&#xe648;</li>
// <li class="iconfont db" tips="回到顶部">&#xe65b;</li>
// </ul>
// </div>
// <div class="desc">我的收藏</div>












